<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <button>点击我打开页面</button>
    <button>点击我关闭页面</button>
    <button>点击我跳转到a页面</button>
    <script>
        // 地址栏相关；
        // 1.打开一个页面 ；open

        // var btnEle = document.querySelector("button");
        // btnEle.onclick = function(){
        //     // window.open("http://www.baidu.com");
        //     window.open("./a.html");
        // }

        // // 2.关闭页面 ；
        // var btnEle2 = document.querySelectorAll("button")[1];
        // btnEle2.onclick = function(){
        //     window.close();
        // }

        // 3.跳转一个页面； window.location.href :1.跳转到一个地址  2.获取当前地址栏里的地址；
            var button = "button";
            var btnEle3 = document.querySelectorAll(button)[2];
            btnEle3.onclick = function(){
                // <a href=""></a>
                // location:地址；
                // window.location.href = "./a.html";  //跳转到a页面
                console.log(window.location.href);
            }


    </script>
</body>
</html>